<template>
  <div class="user_likeList">
    <song-top :dataInfoList="dataInfoList" class="top"></song-top>
    <song-list
      :dataList="dataList"
      :subscribedCount="dataInfoList.subscribedCount"
      class="bottom"
    ></song-list>
  </div>
</template>

<script lang="ts" setup>
import { computed } from 'vue'
import { useStore } from 'vuex'

import songTop from '@/components/home/songList/songTop.vue'
import songList from '@/components/home/songList/songList.vue'

const store = useStore()
//喜欢的歌单
const dataList = computed(() => store.state.login.likeSongInfo)
//个人信息
const profile = computed(() => store.state.login.profile)

const dataInfoList = {
  subscribedCount: 0,
  coverImgUrl: 'https://p1.music.126.net/sjyk0uNtgH9-ZCM6djXR5g==/109951167039788611.jpg',
  name: '我喜欢的音乐',
  creator: {
    backgroundUrl: profile.value.avatarUrl,
    nickname: profile.value.nickname,
    description: '随便听听',
    commentCount: '评论',
    shareCount: '分享'
  }
}
</script>

<style scoped></style>
